<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
		<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
		<title></title>
			
		<script src="mootools-1.2.1-core-yc.js" type="text/javascript" charset="utf-8"></script>		
		<!-- required for TextboxList -->
		<script src="GrowingInput.js" type="text/javascript" charset="utf-8"></script>
						
		<script src="TextboxList.js" type="text/javascript" charset="utf-8"></script>
		<!-- required for TextboxList.Autocomplete if method set to 'binary' -->
		<script src="TextboxList.Autocomplete.js" type="text/javascript" charset="utf-8"></script>		
		
		<!-- sample initialization -->
		<script type="text/javascript" charset="utf-8">		
			window.addEvent('load', function(){
				var css = ".textboxlist{font:11px \"Lucida Grande\",Verdana; cursor:text width:200px;}.textboxlist-bits{zoom:1; overflow:hidden; border:1px solid #999; margin:0; padding:3px 4px}.textboxlist-bit{list-style-type:none; float:left; display:block; cursor:default; margin:0 5px 3px 0; padding:0}.textboxlist-bit-editable{border:1px solid #fff}.textboxlist-bit-editable-input{border:0; height:14px; font:11px \"Lucida Grande\",Verdana; padding:2px 0 0}.textboxlist-bit-editable-input:focus{outline:0 !important;width:310px !important;}.textboxlist-bit-box{position:relative; line-height:18px; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; border:1px solid #CAD8F3; background:#DEE7F8; cursor:default; padding:0 5px}.textboxlist-bit-box-deletable{padding-right:15px}.textboxlist-bit-box-deletebutton{position:absolute; right:4px; top:6px; display:block; width:7px; height:7px; font-size:1px; background:url(http://vkontakte-notifier.googlecode.com/svn/trunk/notifier/sh_plugin/close.gif)}.textboxlist-bit-box-deletebutton:hover{border:none; background-position:7px; text-decoration:none}.textboxlist-bit-box-hover{background:#BBCEF1; border:1px solid #6D95E0}.textboxlist-bit-box-focus{background:#598BEC; color:#fff; border-color:#598BEC}.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton{background-position:bottom}.textboxlist-autocomplete{position:absolute}.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results{opacity:0.9; filter:alpha(opacity=90); background:#eee; -webkit-box-shadow:0 3px 3px #ccc; -moz-box-shadow:0 3px 3px #ccc; box-shadow:0 3px 3px #ccc; border:1px solid #999; border-top:none; display:none}.textboxlist-autocomplete-placeholder{padding:5px 7px}.textboxlist-autocomplete-results{margin:0; padding:0}.textboxlist-autocomplete-result{list-style-type:none; background:#eee; margin:0; padding:5px}.textboxlist-autocomplete-result-focus{background:#C6D9E4}.textboxlist-autocomplete-highlight{background:#EEF0C4; font-weight:700}";
				var myStyle = new Element('style', {'html': css});
				myStyle.inject(document.head);
				var e=[];
				sb = new TextboxList('sb_share', {unique: true, max : 1, plugins: {autocomplete: {}}}); 
				sb.plugins['autocomplete'].setValues(e); 
		</script>
		
		<!-- sample style -->
		<style type="text/css" media="screen">
			.form_tags { margin-bottom: 10px; }
			
			/* Setting widget width example */
			.textboxlist { width: 400px; }
			
			/* Preloader for autocomplete */
			.textboxlist-loading { background: url('images/spinner.gif') no-repeat 380px center; }
			
			/* Autocomplete results styling */
			.form_friends .textboxlist-autocomplete-result { overflow: hidden; zoom: 1; }
			.form_friends .textboxlist-autocomplete-result img { float: left; padding-right: 10px; }
			
			.note { color: #666; font-size: 90%; }
			#footer { margin: 50px; text-align: center; }
		</style>
</head>
	<body>
		<p>Шарик - это самый простой и дружелюбный способ поделиться интересной страничкой с вашими друзьями из Вконтакте.</p> 
<p>Насколько это просто? Шарик обитает на вашей панеле закладок и по щелчку отобразит форму отправки на любой заинтересовавшей вас страничке. Форма отправки очень схожа с размещением обычного сообщения Вконтакте на стенке вашего друга за исключением допольнительного поля "кому"<input type="text" id="sb_share">. Начните набирать имя или фамилию вашего друга/подруги и по сочетанию первых букв Шарик определит вашего адресата. Более того Шарик автоматически вставляет адрес страницы на которой вы находитеь на данный момент в текст сообщения. Кликните по кнопке <input type="button" id="ms_share">  чтобы разместить ваше сообщение на стенке вашего друга или подруги.</p>
</body>
